<template>
  <div id="Msg">
    <Headers :isReturn="false">消息</Headers>
    <div class="msgdetail">
      <div class="top">
        <div class="year">
          <p>年份</p>
          <div class="more">﹀</div>
        </div>
        <div class="zhonglei">
          <p>币种</p>
          <div class="more">﹀</div>
        </div>
      </div>
      <div class="msglist">
        <div class="mutmsg msgitem">
          <p>收到用户{{userphone}}转来的MUT {{mutnum}}个</p>
          <p class="time">{{mutnowtime}}</p>
        </div>
        <div class="djmsg msgitem">
          <p>收到DJ利息 {{djlxnum}}</p>
          <p class="time">{{djnowtime}}</p>
        </div>
        <div class="mutfhmsg msgitem">
          <p>收到MUT分红 {{mutfhnum}}个</p>
          <p class="time">{{mutfhnowtime}}</p>
        </div>
        <div class="xtmsg msgitem">
          <p>收到系统赠币 {{xtnum}}个</p>
          <p class="time">{{xtnowtime}}</p>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: "msg",
  data() {
            return {
              userphone:"1388****8899",
              mutnum:"300",
              mutnowtime:"2019.03.09",
              djlxnum:"7.2",
              djnowtime:"2019.03.09",
              mutfhnum:"283",
              mutfhnowtime:"2019.03.09",
              xtnum:"5000",
              xtnowtime:"2019.03.09"
            }
        }
};
</script>

<style scoped lang="stylus">
@import '../../common/styl/mixin'
  #Msg
    margin  0
    width  rem(375)
    min-height  100vh
    display flex
    flex-direction column
    align-items center
    background #FAFAFA
    .msgdetail
      margin-top rem(50)
      .top
        width rem(375)
        height rem(42)
        display flex
        .year,.zhonglei
          width 50%
          height 100%
          display flex
          justify-content center
          align-items center
          font-family HiraginoSansGB-W3
          font-weight W3
          font-size rem(15)
          color #333333
          .more
            margin-left rem(5)
            font-family HiraginoSansGB-W3
            font-weight W3
            font-size rem(13)
            color #999999
      .msglist
        width rem(375)
        box-sizing border-box
        padding 0 rem(18)
        .msgitem
          width rem(340)
          height rem(66)
          background #FFFFFF
          box-sizing border-box
          padding rem(18) rem(16) 0
          font-family HiraginoSansGB-W3
          font-weight W3
          font-size rem(12)
          color #333333
          margin-top rem(10)
          .time
            margin-left rem(3)
            margin-top rem(16)
            color #999999
</style>
